<template>
  <div>
    <div class="top">{{ appName }}</div>
    <home-swiper />
    <home-notice />
    <home-trend />
    <home-helper />
    <home-price-rank />
  </div>
</template>

<script>
import { mapState } from 'vuex'
import homeSwiper from '@/components/partials/home/Swiper'
import homeNotice from '@/components/partials/home/Notice.vue'
import homeTrend from '@/components/partials/home/Trend.vue'
import homeHelper from '@/components/partials/home/Helper.vue'
import homePriceRank from '@/components/partials/home/PriceRank.vue'
export default {
  components: { homeSwiper, homeNotice, homeHelper, homePriceRank, homeTrend },
  computed: {
    ...mapState({
      appName: ({ initInfo }) => initInfo.site.app_name
    })
  },
  head () {
    return {
      title: this.$t('首页')
    }
  }
}
</script>
